<HTML>
 <HEAD>
  <TITLE>โรงเรียนสอนว่ายน้ำ </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>โรงเรียนสอนว่ายน้ำ</title>
  <link rel="stylesheet" href="css/normalize.css" type="text/css">
  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
  <link rel="stylesheet" href="css/bootstrap-theme.min.css" type="text/css">
  <link rel="stylesheet" href="css/style1.css" type="text/css">
    <link rel="stylesheet" href="css/menuad.css" type="text/css">
	  <link rel="stylesheet" href="css/datatable.css" type="text/css">
  <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.10.3.custom.css">
  <script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.js"></script> <!-- จำเป็นต้องใช้ไฟล์นี้ -->
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript"src="script/validate.js"></script>
		<script type="text/javascript"src="script/preview.js"></script>
		  <script src="script/datatable.js"></script>
  <script src="script/framework.js"></script>
	<script>
		$(function() {
		$("#h3title").html("โรงเรียนสอนว่ายน้ำ ");
		$("#mainscreen").load("home_page.php");
			// ประกาศวันที่ใหม่
			var d=new Date();
			/* 
			 * กำหนดวันที่ปัจจุบัน (วันนี้) toDay
			 * โดยปกติ ปีจะเป็น  ค.ศ.   จึงต้อง + 543  ให้เป็น พ.ศ. ก่อน
			 */ 
			//var toDay = d.getDate() + '/' + (d.getMonth()+1) + '/' + (d.getFullYear());
			// กำหนดช่วงปี ที่แสดงผล
			var thisYear = (d.getFullYear()); // กำหนดปีปัจจุบัน
			var firstYear = (d.getFullYear()-100); // ปีแรกที่แสดง
			/*
			 * กำหนด Selector จาก ID ของ Textbox ที่ต้องการให้เป็น Datepicker
			 * $( "กำหนด ID ของช่อง Textbox").datepicker({ ...
			 * เช่น <input type="text" name="dp1" id="dp1">  (id="dp1")
			 * $("#dp1").datepicker({ ...
			 */
			$( "#std_birth" ).datepicker({
				
				yearRange: firstYear+":"+thisYear, // กำหนดช่วงปี  จากที่กำหนดด้านบน
				//defaultDate: toDay , // กำหนดวันที่ปัจจุบัน
				// กำหนดวัน เป็นภาษาไทย
				dayNames: ['อาทิตย์','จันทร์','อังคาร',
						'พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
				// กำหนดวัน ตัวย่อ เป็นภาษาไทย
				dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
				// กำหนดเดือน เป็นภาษาไทย
				monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม',
						'เมษายน','พฤษภาคม','มิถุนายน',
						'กรกฎาคม','สิงหาคม','กันยายน',
						'ตุลาคม','พฤศจิกายน','ธันวาคม'],
				// กำหนดเดือนตัวย่อ เป็นภาษาไทย
				monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.',
						 'พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.',
						 'พ.ย.','ธ.ค.'],
				changeMonth: true, // สามารถเปลี่ยน/เลือก เดือนได้  (True/False)
				changeYear: true, // สามารถเปลี่ยน/เลือก ปีได้   (True/False)
				/*
				 * กำหนดรูปแบบวันที่ ที่ขึ้นบน Text
				 * d = วันที่  ;  m = เดือน  ; y = ปี
				 * ตัวอย่าง  dd/mm/yy  :  7/06/14
				 */
				dateFormat: "yy-mm-dd"
			});
			
			$(".nav_link").click(function(){
				$("#h3title").html($(this).attr("txt"));
				$("#mainscreen").load($(this).attr("url"));
				return false;
			});
		});
		
		
	</script>
  <!-- Start font--> 
  <link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
 </HEAD>

 <body>
	<div class="container">
		<div id="header">
			<div class="clearfix">
				<div class="logo">
					<img style="width:100%;" src="pic/HEAD1.png" alt="LOGO" />
				</div>
			</div>
		</div>
		<?php require_once("nav.php");?>	
		<div style="width:80%;float:left;">
			<div class="panel panel-danger" >
				<div class="panel-heading">
				<h3 class="panel-title" id="h3title"></h3>
				</div>
				<div class="panel-body" id="mainscreen">
				</div>
		</div>
		</div>
		<div style="width:20%;float:left;padding-left:2%;"><?php require_once("sidebar.php");?></div>
	
	</div>
</body>
</html>
	

	